<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../lib/layer-v3.1.1/layer/theme/default">
    <style>
        body{
            text-align: center;
            padding-top: 50px;
        }
    </style>
</head>
<body>
<!--<button type="button " onclick="showBox1()">提示信息</button>
<button type="button" onclick="showBox2()">普通消息</button>-->
<button type="button" onclick="showBox3()">关于今晚的请客</button>


</body>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layer-v3.1.1/layer/layer.js"></script>
<script type="text/javascript">
    
    function showBox1() {
        layer.msg("你好",function ()/*匿名函数，弹框会抖动*/ {});

    }
    function showBox2() {
        layer.alert('见到你真的很高兴', {icon: 6});
    }
    function showBox3() {
        layer.msg('吕建勋要请客吗？', {
            time: 0 //不自动关闭
            ,btn: ['必须啊', '不然呢']
            ,yes: function(index){
                layer.close(index);
                layer.msg('组长你可长点心吧', {
                    icon: 6
                    ,btn: ['嗷','嗷','嗷']
                });
            }
        });
    }
</script>
</html>